<div ms-controller="liveRegister" class="white liveRegister-page" id="liveRegister">
    <div class="container">
        <ul ms-if="logon!=''" class="mylogon">
            <li><span>{{nickname}}</span></li>
            <li><a class="logout" ms-click="logout()">退出登录</a></li>
            <li>|<a href="#!/myRegister" class="registerrecord">我的登记</a></li>
        </ul>
    </div>
    <div class="wrapper" style="">
        <div class="header" style="text-align: center;padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;">
            <h4>录制登记</h4>
            
        </div>
        <div class="content">
            <form onsubmit="return false;" id="registerForm">
                <div ms-if="logon==''">
                    <div class="line" ms-if="!$setting.enableQQAuth">
                        <span>教职工号登记</span>
                        <label>
                            <input style="float:left;width:230px;" placeholder="教职工号" type="text" name="zgbm" ms-duplex="zgbm" ms-duplex-event="change" autocomplete="off">
                            <button class="btn" style="float:left;" ms-click='stafflogon()'>登录</button>
                        </label>
                    </div>
                    <div class="line" ms-if="$setting.enableQQAuth" style="line-height: 45px;">
                        <span></span>
                        <!-- <span style="padding: 0 10px;">登记方式</span> -->
                        <label style="text-align: left;padding-left: 50px;"> 
                            <span ms-if="logon==''">
                                <!-- <a ms-click="showAvaDialog('liveavadialog')" ms-if="logon!='QQLogon'" class="ava-ico " title="青鹿登录">青鹿登录</a> -->
                                <a ms-click="showDialog('livedialog')" ms-if="logon!='avaLogon'" class="qq-ico " title="QQ登录">点击进行<i class="c33aeff">QQ登录</i></a>
                            </span>
                            <!-- <span ms-if="logon!=''">
                            <span ms-if="logon=='QQLogon'" class="qq-ico active"></span>
                            <span ms-if="logon=='avaLogon'" class="ava-ico active"></span>
                             已登录</span> -->
                        </label>
                    </div>
                    <div class="line login-tips">请使用<i style="font-style: normal;">{{$setting.enableQQAuth?'QQ':'教职工号'}}</i>进行录制登记及录制视频下载</div>
                </div>
                <div ms-if="logon!=''">
                    <div class="line">
                        <span><i style="color:red;font-style: normal;">*</i> 标题</span>
                        <label>
                            <input placeholder="标题" type="text" name="title" ms-duplex="title" ms-duplex-event="change" autocomplete="off">
                            </input>
                        </label>
                    </div>
                    <div class="line">
                        <span><i style="color:red;font-style: normal;">*</i> 主讲人</span>
                        <label>
                            <input placeholder="主讲人" type="text" name="speaker" ms-duplex="speaker" autocomplete="off">
                            </input>
                        </label>
                    </div>
                    <div class="line chatper-select" ms-if="!equipmentDefault">
                        <span><i style="color:red;font-style: normal;">*</i> 课室</span>
                        <label>
                        	<select ms-duplex="equipment" autocomplete="off" name="classroom">
                        		<option selected value=" ">选择课室</option>
                        		<option ms-repeat-el="equipmentList" ms-attr-value="el.key">{{el.value}}</option>
                        	</select>
                            
                        </label>
                    </div>
                    <div class="line">
                        <span><i style="color:red;font-style: normal;">*</i> 日期</span>
                        <label>
                            <input id="date" placeholder="日期" type="text" ms-duplex="date" class="dataPicker" name="date" autocomplete="off"></input>
                        </label>
                    </div>
                    <div class="line chatper-select">
                        <span><i style="color:red;font-style: normal;">*</i> 课节</span>
                        <label>
                            <input placeholder="课节" type="text" ms-duplex="chapterselect.chapter" name="chapter" autocomplete="off"></input>
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li ms-repeat-el="timeList" ms-click="selectChatper(el,'chapterselect')" ms-visible="el.isWeekend==selectDayIsWeekend">
                                    <span>{{el.chapter}}&nbsp;&nbsp;{{el.startTimeTip}}-{{el.endTimeTip}}</span><span ms-if="el.isWeekend"> (周末)</span>
                                </li>
                            </ul>
                        </label>
                    </div>
                    <div class="line">
                        <span><i style="color:red;font-style: normal;">*</i> 直播时间</span>
                        <label>
                            <input id="startTime" placeholder="直播时间" type="text" ms-duplex="chapterselect.startTimeTip" class="dataPicker" name="startTime" autocomplete="off"></input>
                        </label>
                    </div>
                    <div class="line">
                        <span><i style="color:red;font-style: normal;">*</i> 结束时间</span>
                        <label>
                            <input id="endTime" placeholder="结束时间" type="text" ms-duplex="chapterselect.endTimeTip" name="endTime" autocomplete="off"></input>
                        </label>
                    </div>
                    <div class="line">
                        <span>年级</span>
                        <label>
                            <select name="parentGrade" ms-duplex="parentGrade"  autocomplete="off">
                                <option value select="selected">选择年级</option>
                                <optgroup ms-repeat-el="gradeSection" ms-attr-label="el.name">
                                    <option ms-repeat-c="el.grades" ms-attr-value="c.id" ms-attr-realvalue="c.id">{{c.name}}</option>
                                </optgroup>
                            </select>
                        </label>
                    </div>
                    <div class="line">
                        <span>学科</span>
                        <label>
                            <select name="parentCategory" ms-duplex="parentCategory"  autocomplete="off">
                                <option value select="selected">选择学科</option>
                                <optgroup ms-repeat-el="categorySection" ms-attr-label="el.name">
                                    <option ms-repeat-c="el.categories" ms-attr-value="c.id" ms-attr-realvalue="c.id">{{c.name}}</option>
                                </optgroup>
                            </select>
                        </label>
                    </div>
                    <div class="line">
                        <span>观看码</span>
                        <label>
                            <input name="viewPassword" ms-duplex="viewPassword" placeholder="请输入观看码" type="text"  autocomplete="off"></input>
                        </label>
                    </div>
                    <div class="line">
                    	<span></span>
                        <label>
                        	<input type="hidden" name="uri" id="uri" ms-duplex="uri" autocomplete="off"></input>
                            <button class="btn" ms-click="register()">登记</button>
                        </label>
                    </div>
                </div>
            </form>

            <div ms-widget="dialog,$,dialogOpts" class="no-footer">

            	<iframe src="" id="iframe" width="100%" height="500" frameborder="0"></iframe>
            </div>
            <div ms-widget="dialog,$,avaDialogOpts" class="no-footer" style="text-align: center;">
                <div style="padding: 50px 50px">
                    <div class="line">
                    <span class="inline-block" style="width: 75px;">青鹿账号</span>
                    <input type="text" name="ava_name" autocomplete="off"></input>
                </div>

                <div class="line" >
                <span  class="inline-block" style="width: 75px;">密码</span>
                    <input type="password" name="ava_password" autocomplete="off"></input>
                </div>
                <div class="line text-center">
                    <button class="btn" ms-click="avalogon('liveavadialog')"> 登记 </button>
                </div>
                </div>
                
            </div>
        </div>
    </div>
</div>
